<template>
  <div>
    
<div v-for="(item,index) in videoList" :key="index">
      <video
        :src="item.shareurl"
        width="200"
        controls
        height="400"
      />
      <h2>{{item.title}}</h2>
  </div>
  </div>
</template>

<script>
import { video } from "../api/api";

export default {
  name: "view",
  data() {
    return {
      videoList:"",
    };
  },
  created() {
    video().then(res=>{
      console.log(res);
      this.videoList=res.newslist
    })
  },
};
</script>




<style scoped lang="less">
.viewBox {
  width: 100%;
  height: 450px;
  border: 1px solid red;
}
</style>